<template>
    <div class="app-container">
        <div style="margin:0 0 5px 20px">
            Fixed header, sorted by header order,
        </div>
        <fixed-thead />

        <div style="margin:30px 0 5px 20px">
            Not fixed header, sorted by click order
        </div>
        <unfixed-thead />
    </div>
</template>

<script>
import FixedThead from "./components/FixedThead";
import UnfixedThead from "./components/UnfixedThead";

export default {
    name: "DynamicTable",
    components: { FixedThead, UnfixedThead }
};
</script>

